<template>
    <div class="app-container">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="政务外网接入统计（非财政）" name="first"> </el-tab-pane>
            <el-tab-pane label="政务外网接入统计（财政）" name="second"> </el-tab-pane>
        </el-tabs>
        <!-- 政务外网接入统计（非财政） -->
        <statisticalnonFiscal v-if="activeName == 'second'" />
        <!-- 政务外网接入统计（财政） -->
        <statisticalFinance v-if="activeName == 'first'" />


    </div>
</template>
  
<script>
import statisticalFinance from "./statisticalFinance/index.vue";
import statisticalnonFiscal from "./statisticalnonFiscal/index.vue";
export default {
    data() {
        return {
            activeName: "first",
        };
    },
    components: {
        statisticalFinance,
        statisticalnonFiscal,
    },
    watch: {
        // 监视路由变化
        "$route.query.activeName": {
            immediate: true,
            handler() {
                this.activeName = this.$route.query.activeName ? this.$route.query.activeName : 'first';
            },
        },
    },
    methods: {
        handleClick(tab, event) {
        },
    },
    // mounted() {},
};
</script>
  
<style lang="scss" scoped></style>